<!--
 * @Author: your name
 * @Date: 2021-08-16 13:04:50
 * @LastEditTime: 2021-08-16 20:05:30
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \网易考拉海购\discount coupon.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./bootstrap-4.5.0-dist/css/bootstrap.css">
  <link rel="stylesheet" href="./css/discount coupon.css">
  <script src="./js/jquery-3.6.0.min.js"></script>
  <script src="./bootstrap-4.5.0-dist/js/bootstrap.js"></script>

</head>

<body>
  <div>

    <!-- 上方标题 -->
    <div class="above-the-title">
      <img src="./images/title  logo.png" alt="">
      <span>优惠券后台管理系统</span>
    </div>

    <div class="content-all">
      <!-- 左侧标签  -->
      <div class="left-list">
        <ul class="list-group list-group-flush">
          <li class="list-group-item">
           <a href="./overseaManagement.html"> 海外直购管理</a> 
          </li>
          <li class="list-group-item">
           <a href="./milk powder backstage.html"> 品质奶粉管理</a>  
          </li>
          <li class="list-group-item">
            <a href="./the admin of the charge.html"> 用户充值管理</a> 
          </li>
          <li class="list-group-item">
           <a href="./user.html">用户信息管理</a> 
          </li>
          <li class="list-group-item">
           <a href="./exchange.html">积分兑换管理</a> 
          </li>
          <li class="list-group-item">
            <a href="./discount coupon.html"> 优惠券管理</a> 
          </li>
        </ul>
      </div>
      <!-- 右侧表格 -->
      <div class="right-table">
        <table class="table">
          <thead>
            <tr>
              <th scope="col">序号</th>
              <th scope="col">店铺名称</th>
              <th scope="col">优惠券类型</th>
              <th scope="col">优惠券状态</th>
              <th scope="col">管理</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <th scope="row">1</th>
              <td>Ryo 吕</td>
              <td>商品券</td>
              <td>快过期</td>
              <td>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#delete">
                  删除
                </button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#add">
                  使用
                </button>
              </td>
            </tr>
            <tr>
              <th scope="row">2</th>
              <td>斐乐(FILA)</td>
              <td>运费券</td>
              <td>已使用</td>
              <td>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#delete">
                  删除
                </button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#add">
                  使用
                </button>
              </td>
            </tr>
            <tr>
              <th scope="row">3</th>
              <td>斯凯奇</td>
              <td>商品券</td>
              <td>有效期一个月</td>
              <td>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#delete">
                  删除
                </button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#add">
                  使用
                </button>
              </td>
            </tr>
            <tr>
              <th scope="row">4</th>
              <td>CLINIQUE 倩碧</td>
              <td>运费券</td>
              <td>快过期</td>
              <td>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#delete">
                  删除
                </button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#add">
                  使用
                </button>
              </td>
            </tr>
            <tr>
              <th scope="row">5</th>
              <td>LΛNEIGE 兰芝 </td>
              <td>商品券</td>
              <td>有效期一个月</td>
              <td>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#delete">
                  删除
                </button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#add">
                  使用
                </button>
              </td>
            </tr>
            <tr>
              <th scope="row">6</th>
              <td>花王</td>
              <td>商品券</td>
              <td>快过期</td>
              <td>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#delete">
                  删除
                </button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#add">
                  使用
                </button>
              </td>
            </tr>
            <tr>
              <th scope="row">7</th>
              <td>阿道夫</td>
              <td>商品券</td>
              <td>有限期一个月</td>
              <td>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#delete">
                  删除
                </button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#add">
                  使用
                </button>
              </td>
            </tr>
            <tr>
              <th scope="row">8</th>
              <td>ZIAJA 山羊奶</td>
              <td>商品券</td>
              <td>已使用</td>
              <td>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#delete">
                  删除
                </button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#add">
                  使用
                </button>
              </td>
            </tr>
            <tr>
              <th scope="row">9</th>
              <td>安踏</td>
              <td>商品券</td>
              <td>快过期</td>
              <td>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#delete">
                  删除
                </button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#add">
                  使用
                </button>
              </td>
            </tr>
            <tr>
              <th scope="row">10</th>
              <td>卡西欧</td>
              <td>运费券</td>
              <td>快到期</td>
              <td>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#delete">
                  删除
                </button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#add">
                  使用
                </button>
              </td>
            </tr>
            <tr>
              <th scope="row">11</th>
              <td>良品铺子</td>
              <td>商品券</td>
              <td>有效期一个月</td>
              <td>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#delete">
                  删除
                </button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#add">
                  使用
                </button>
              </td>
            </tr>
            <tr>
              <th scope="row">12</th>
              <td>百草味</td>
              <td>商品券</td>
              <td>已失效</td>
              <td>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#delete">
                  删除
                </button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#add">
                  使用
                </button>
              </td>
            </tr>
            <tr>
              <th scope="row">13</th>
              <td>三只松鼠</td>
              <td>商品券</td>
              <td>有效期一个月</td>
              <td>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#delete">
                  删除
                </button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#add">
                  使用
                </button>
              </td>
            </tr>
            <tr>
              <th scope="row">14</th>
              <td>王饱饱</td>
              <td>商品券</td>
              <td>有效期一个月</td>
              <td>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#delete">
                  删除
                </button>
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#add">
                  使用
                </button>
              </td>
            </tr>
          </tbody>
        </table>
        <!-- Modal -->
        <div class="modal fade" id="delete" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">删除</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body">
                确定要删除这张优惠券么？
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
              </div>
            </div>
          </div>
        </div>
        <!-- Modal -->
        <div class="modal fade" id="add" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">使用</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body">
                去往店铺浏览商品，使用消费券么？
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
              </div>
            </div>
          </div>
        </div>
        
      </div>
    </div>

  </div>
  
</body>

</html>